<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Open Infrastructure Map</title>
    <meta property="og:title" content="Open Infrastructure Map" />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@openinframap" />
    <meta name="twitter:creator" content="@russss" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="description"
      content="Open map of the world's electricity, telecoms, oil, and gas infrastructure, using data from OpenStreetMap."
    />
    <meta
      property="og:description"
      content="Open map of the world's electricity, telecoms, oil, and gas infrastructure, using data from OpenStreetMap."
    />
    <link rel="me" href="https://en.osm.town/@OpenInfraMap" />
    <link rel="canonical" href="https://openinframap.org" />
  </head>
  <body>
    <noscript>You must have Javascript enabled to view Open Infrastructure Map</noscript>
    <div id="container" style="display: none">
      <header>
        <h1>Open Infrastructure Map</h1>
        <nav>
          <ul>
            <li><a href="/about" data-i18n="nav.about">about</a></li>
            <li><a href="/stats" data-i18n="nav.stats">stats</a></li>
            <li
              ><a
                href="https://www.infrageomatics.com/products/osm-export"
                target="_blank"
                data-i18n="nav.exports"
                >exports</a
              >
            </li>
          </ul>
        </nav>
      </header>
      <div id="map"></div>
    </div>
    <script type="module" src="/src/index.ts"></script>
  </body>
</html>
